<template>
  <a-modal
    :maskClosable="maskClosable"
    title="集群详情"
    :visible="visible"
    :confirm-loading="confirmLoading"
    @ok="handleOk"
    :okButtonProps="{ class:{'jee-hidden': true} }"
    @cancel="handleCancel"
    cancelText="关闭"
  >
    <p>{{ ModalText }}</p>
  </a-modal>
</template>
<script>
export default {
  name: 'ClusterDetailModal',
  data() {
    return {
      ModalText: 'Content of the modal',
      visible: false,
      confirmLoading: false,
      maskClosable: false,
    }
  },
  methods: {
    showModal() {
      this.visible = true
    },
    handleOk(e) {
      this.ModalText = 'The modal will be closed after two seconds'
      this.confirmLoading = true
      setTimeout(() => {
        this.visible = false
        this.confirmLoading = false
      }, 2000)
    },
    handleCancel(e) {
      
      this.visible = false
    },
  },
}
</script>
